<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset=" utf-8">
    <link href="./css/bootstrap.css" rel="stylesheet" type="text/css">
    <script src="./jquery-3.2.1.js"></script>        
    <script src="./js/bootstrap.js"></script>
</head>
<body>
    <div class="container">
        <p><img src="image.jpg" class="img-responsive center-block" width="200px" height="150px"></p>
        <div class="row text-center">
            <h2>HELLO,</h2>
            <h3>MY NAME IS KAMIL<sup>24 YO</sup>AND THIS IS MY RESUME/CV</h3>
        </div>
        <div class="row">
            <div class="col-md-7">
                <h4>//About me</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, non, dolorem, cumque distinctio magni quam expedita velit laborum sunt amet facere tempora ut fuga aliquam ad asperiores voluptatem dolorum! Quasi.</p>
                <h4>//Education</h4>
                <div class="row">
                    <div class="col-md-3 text-primary">
                        <ul>
                            <li>1990</li>
                            <li>2005</li>
                            <li>2009</li>
                            <li>2012</li>
                        </ul> 
                    </div>
                    <div class="col-md-8">
                        <ul>
                            <li>
                                <p><strong>I was born in Katowice</strong></p>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, exercitationem, totam, dolores iste dolore est aut modi.</p>
                            </li>
                            <li>
                                    <p><strong>Secondary school specializing in artistic</strong></p>
                                    <p>Eos, explicabo, nam, tenetur et ab eius deserunt aspernatur ipsum ducimus quibusdam quis voluptatibus.</p>
                            </li>
                            <li>
                                    <p><strong>First level graduation in Graphic Design</strong></p>
                                    <p>Aspernatur, mollitia, quos maxime eius suscipit sed beatae ducimus quaerat quibusdam perferendis? Iusto, quibusdam asperiores unde repellat.</p>
                            </li>
                            <li>
                                    <p><strong>Second level graduation in Graphic Design</strong></p>
                                    <p>Ducimus, aliquam tempore autem itaque et accusantium!</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <h4>//Experience</h4>
                <div class="row">
                    <ul>
                        <li>
                            <div class="row">
                                <div class="col-md-3">
                                    <p>Google</p>
                                    <p>2013-2014</p>
                                </div>
                                <div class="col-md-9">
                                    <p><strong>Front-end developer / php programmer</strong></p>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, et, illum perferendis veritatis velit sunt similique qui magni totam harum tempore eius laboriosam accusantium necessitatibus voluptatum? Enim, itaque dignissimos quia.</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="row">
                                <div class="col-md-3">
                                    <p>Twitter</p>
                                    <p>2012</p>
                                </div>
                                <div class="col-md-9">
                                    <p><strong>Web Developer</strong></p>
                                    <p><em>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, nihil sit nemo voluptatem praesentium. Quia, qui facere consectetur libero asperiores fugiat consequuntur deserunt culpa repudiandae sed quidem voluptas explicabo soluta.</em></p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-5">
                <h4>//Contact</h4>
                <div class="row">
                    <div class="col-md-3">
                        <span class="glyphicon glyphicon-earphone"></span>
                    </div>
                    <div class="col-md-9">
                        <span><strong>500 345 242</strong></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <span class="glyphicon glyphicon-envelope"></span>
                    </div>
                    <div class="col-md-9">
                        <span><strong>office@kamsolutions.pl</strong></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <span class="glyphicon glyphicon-tree-conifer"></span>
                    </div>
                    <div class="col-md-9">
                        <p><strong>Twitter</strong></p>
                        <p>https://twitter.com/WordPress</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <span class="glyphicon glyphicon-glass"></span>
                    </div>
                    <div class="col-md-9">
                        <p><strong>Facebook</strong></p>
                        <p>https://www.facebook.com/facebook</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <span class="glyphicon glyphicon-star"></span>
                    </div>
                    <div class="col-md-9">
                        <p><strong>Skype</strong></p>
                        <p>kamsolutions.pl</p>
                    </div>
                </div>
                <h4>//Skills</h4>
                <div class="row">
                    <div class="col-md-12">
                        <ul>
                            <li>HTML</li>
                            <li>CSS</li>
                            <li>jQuery</li>
                            <li>PHP</li>
                            <li>Laravel 2 (framework)</li>
                        </ul>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <ul>
                            <li>Beginner</li>
                            <li>Proficient</li>
                            <li>Expert</li>
                            <li>Master</li>
                        </ul>
                    </div>
                </div>
                <h4>//Languages</h4>
                <div class="row">
                    <div class="col-md-12">
                        <ul>
                            <li>
                                 <div class="row">
                                     <div class="col-md-6">
                                         <span>Polish</span>
                                     </div>
                                     <div class="pull-right">
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    </div>
                                 </div>       
                            </li>
                            <li>
                                <div class="row">
                                    <div class="col-md-6">
                                        <span>English</span>
                                    </div>
                                    <div class="pull-right">
                                       <span class="glyphicon glyphicon-star-empty"></span>
                                       <span class="glyphicon glyphicon-star-empty"></span>
                                       <span class="glyphicon glyphicon-star-empty"></span>
                                       <span class="glyphicon glyphicon-star-empty"></span>
                                       <span class="glyphicon glyphicon-star-empty"></span>
                                   </div>
                                </div>     
                            </li>
                        </ul>
                    </div>
                </div>
                <h4>//Hobbies</h4>
                <div class="row">
                    <div class="col-md-12">
                        <ul>
                            <li><span class="glyphicon glyphicon-heart"></span><span>Photography</span></li>
                            <li><span class="glyphicon glyphicon-heart"></span><span>Fitness</span></li>
                            <li><span class="glyphicon glyphicon-heart"></span><span>Programming</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>    
    </div>
</body>
</html>